<template>
	<div>
		<template v-if="mode === 'D'">
			<design-default-form :form="form"></design-default-form>
		</template>
		<!--		<template v-else-if="form.perm === 'R'">-->
		<!--			{{form.props.value}}-->
		<!--		</template>-->
		<el-date-picker v-else class="formDate" value-format="YYYY-MM-DD HH:mm:ss" type="datetime"
			v-model="form.props.value" :disabled="form.perm === 'R'" :placeholder="form.placeholder" />
	</div>
</template>

<script lang="ts" setup>
// 工作流模版-表单设计-组件-日期时间
import { defineExpose } from "vue";
import * as util from '../../utils/objutil'
import DesignDefaultForm from "./config/designDefaultForm.vue";

let props = defineProps({
	mode: {
		type: String,
		default: 'D'
	},
	form: {
		type: Object, default: () => {
		}
	}
});
</script>

<style scoped lang="less">
:deep(.formDate div.el-input__wrapper) {
	width: 100% !important;
}

:deep(.formDate) {
	width: 100% !important;
}
</style>